home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 1191 / 1191.xpi / chrome / reminderfox.jar / skin / reminderfox / datepicker / datepicker.css < prev    next >
Cascading Style Sheet File  |  2010-01-25  |  7KB  |  334 lines
  1. #oe-date-picker-overlay-box
  2. {
  3.    background-color        : #F8F8F8;
  4.    font-size               : 13px;
  5. }
  6.  
  7. #oe-date-picker-overlay-box[small]
  8. {
  9.    font-size               : 9px;
  10. }
  11.  
  12. #oe-date-picker-overlay-box[large]
  13. {
  14.    font-size               : 18px;
  15. }
  16.  
  17.  
  18. #oe-date-picker-year-controls-box
  19. {
  20.    border              : 2px solid #626262; 
  21.    -moz-box-align       : center;
  22.    -moz-box-pack        : center;
  23.    background-color       : #6699CC
  24.    
  25. }
  26.  
  27. #oe-date-picker-year-title-text
  28. {
  29.     color: #FFFFFF;
  30.     font-weight: bold;
  31. }
  32.  
  33.  
  34. #oe-date-picker-year-previous-button
  35. {
  36.    list-style-image        : url("chrome://reminderfox/skin/datepicker/left_arrow-2.png");
  37.    
  38. }
  39.  
  40. #oe-date-picker-month-previous-button
  41. {
  42.    list-style-image        : url("chrome://reminderfox/skin/datepicker/left_arrow.png");
  43.    
  44. }
  45.  
  46.  
  47. #oe-date-picker-year-next-button
  48. {
  49.    list-style-image        : url("chrome://reminderfox/skin/datepicker/right_arrow-2.png");
  50. }
  51.  
  52. #oe-date-picker-month-next-button
  53. {
  54.    list-style-image        : url("chrome://reminderfox/skin/datepicker/right_arrow.png");
  55. }
  56.  
  57. #oe-date-picker-year-next-button-box
  58. {
  59.    -moz-box-pack           : end;
  60. }
  61.  
  62. #oe-date-picker-month-next-button-box
  63. {
  64.    -moz-box-pack           : end;
  65. }
  66.  
  67. #oe-date-picker-year-grid
  68. {
  69.    border-top         : 1px solid #2085c4; 
  70.    border-left        : 1px solid #2085c4; 
  71.    margin-top         : 1px;
  72.    margin-right       : 1px;
  73. }
  74.  
  75. .oe-date-picker-year-month-box-class
  76. {
  77.    -moz-box-align       : center;
  78.    border-right         : 1px solid #2085c4; 
  79.    border-bottom        : 1px solid #2085c4;
  80.    background-color     : #E9E9E9;
  81. }
  82.  
  83.  
  84. .oe-date-picker-year-month-box-class:hover
  85. {
  86.    background-color     : #C9E8F1;
  87. }
  88.  
  89. .oe-date-picker-year-month-box-class[selected="true"]
  90. {
  91.  
  92.    background-color       : #6699CC;
  93.    /*
  94.    border-right         : 1px solid #000000; 
  95.    border-bottom        : 1px solid #000000;
  96.    border-top           : 1px solid #000000; 
  97.    border-left          : 1px solid #000000;
  98.    */
  99. }
  100.  
  101.  
  102. .oe-date-picker-month-day-number-class
  103. {
  104.    margin                  : 1px;
  105. }
  106.  
  107. .oe-date-picker-month-day-number-class[selected="true"]
  108. {
  109.    background-color       : #6699CC;
  110.    
  111. }
  112.  
  113. .oe-date-picker-week-day-number-class
  114. {
  115.    margin                  : 1px;
  116.    font-size               : 9px;
  117. }
  118.  
  119.  
  120. #oe-date-picker-month-grid
  121. {
  122.    margin-right          : 0px;
  123.    margin-bottom         : 0px;
  124. }
  125.  
  126. /*
  127. #start-date-button
  128. {
  129.     border: 0px;
  130.     list-style-image        : url("chrome://reminderfox/skin/datepicker/calendar-down.gif");
  131.     margin: 0px;
  132.     padding: 0px;
  133.     max-width: 36px;
  134. }
  135.  
  136. #start-date-button:hover
  137. {
  138.     margin: 0px;
  139.     padding: 0px;
  140.     list-style-image        : url("chrome://reminderfox/skin/datepicker/calendar-up.gif");
  141. }
  142. */
  143.  
  144. .oe-date-picker-month-day-box-class 
  145. {
  146.    min-width            : 37px;
  147.    min-height           : 22px;
  148.    background-color     : #FFFFFF;
  149. }
  150.  
  151. .oe-date-picker-week-number-box-class  
  152. {
  153.    min-width            : 37px;
  154.    min-height           : 22px;
  155.    background-color     : #FFFFFF;
  156. }
  157.  
  158.  
  159. .oe-date-picker-week-number-box-class[small]
  160. {
  161.    min-width            : 25px;
  162.    min-height           : 15px;
  163. }
  164.  
  165. .oe-date-picker-week-number-box-class[large]
  166. {
  167.    min-width            : 50px;
  168.    min-height           : 30px;
  169. }
  170.  
  171. .oe-date-picker-month-day-box-class[small]
  172. {
  173.    min-width            : 25px;
  174.    min-height           : 15px;
  175. }
  176.  
  177.  
  178. .oe-date-picker-month-day-box-class[large]
  179. {
  180.    min-width            : 50px;
  181.    min-height           : 30px;
  182. }
  183.  
  184. .oe-date-picker-month-day-box-class[today]
  185. {
  186.      font-weight: bold;
  187.      font-size               : 15px;
  188. }
  189.  
  190. .oe-date-picker-month-day-box-class[smalltoday]
  191. {
  192.        font-weight: bold;
  193.     font-size               : 10px;
  194.    min-width            : 25px;
  195.    min-height           : 15px;
  196. }
  197.  
  198. .oe-date-picker-month-day-box-class[largetoday]
  199. {
  200.        font-weight: bold;
  201.     font-size               : 20px;
  202.     min-width            : 50px;
  203.     min-height           : 30px;
  204. }
  205.  
  206.  
  207. /* calendar day box colors */
  208.  
  209. /* show date boxes with reminders as yellow */
  210. .oe-date-picker-month-day-box-class[reminder="true"]
  211. {
  212.      background-color     : #FFFF99;
  213. }
  214.  
  215. /* Show completed reminders as light-grey  */
  216. .oe-date-picker-month-day-box-class[completedReminder="true"]
  217. {
  218.      background-color     : #DBDBDB;
  219. }
  220.  
  221. .oe-date-picker-month-day-box-class:hover
  222. {
  223.    /*background-color     : #FFFF99; */
  224.       background-color     : #C9E8F1;
  225. }
  226.  
  227. .oe-date-picker-month-day-box-class[selectedReminder="true"]
  228. {
  229.    border-right         : 1px solid #000000; 
  230.    border-bottom        : 1px solid #000000;
  231.    border-top           : 1px solid #000000; 
  232.    border-left          : 1px solid #000000;
  233. }
  234. .oe-date-picker-month-day-box-class[selected="true"]
  235. {
  236.    border-right         : 1px solid #000000; 
  237.    border-bottom        : 1px solid #000000;
  238.    border-top           : 1px solid #000000; 
  239.    border-left          : 1px solid #000000;
  240. }
  241.  
  242.  
  243. /* Highlight important reminders in red  */
  244. .oe-date-picker-month-day-box-class[important="true"]
  245. {
  246.        color                   : #FF0000;
  247. }
  248.  
  249. /*  skin/toolbar-button.css  */
  250.  
  251. #calendarToggle {
  252.   list-style-image: url("chrome://reminderfox/skin/datepicker/calendar-down.gif");
  253. }
  254. #calendarToggle[checked="true"] {
  255.   list-style-image: url("chrome://reminderfox/skin/datepicker/calendar-up.gif");
  256. }
  257.  
  258.  
  259. #todoCalendarToggle {
  260.   list-style-image: url("chrome://reminderfox/skin/datepicker/calendar-down.gif");
  261. }
  262. #todoCalendarToggle[checked="true"] {
  263.   list-style-image: url("chrome://reminderfox/skin/datepicker/calendar-up.gif");
  264. }
  265.  
  266.  
  267. #datepickerToggle {
  268.   list-style-image: url("chrome://reminderfox/skin/datepicker/calendar-small.gif");
  269. }
  270.  
  271. #datepickerToggle[disabled="true"] {
  272.   list-style-image: url("chrome://reminderfox/skin/datepicker/calendar-small-disabled.png");
  273. }
  274.  
  275. #datepickerEndToggle {
  276.   list-style-image: url("chrome://reminderfox/skin/datepicker/calendar-small.gif");
  277. }
  278.  
  279. #datepickerEndToggle[disabled="true"] {
  280.   list-style-image: url("chrome://reminderfox/skin/datepicker/calendar-small-disabled.png");
  281. }
  282.  
  283.  
  284. .oe-date-picker-month-day-box-class
  285. {
  286.   -moz-box-align       : center;
  287.    border-right         : 1px solid #E2E2E2; 
  288.    border-bottom        : 1px solid #E2E2E2;
  289.    border-top           : 1px solid #E2E2E2; 
  290.    border-left          : 1px solid #E2E2E2;
  291. }
  292.  
  293. .oe-date-picker-week-number-box-class
  294. {
  295.   -moz-box-align       : center;
  296.    border-right         : 1px solid #E2E2E2; 
  297.    border-bottom        : 1px solid #E2E2E2;
  298.    border-top           : 1px solid #E2E2E2; 
  299.    border-left          : 1px solid #E2E2E2;
  300. }
  301.  
  302.  
  303. .oe-date-picker-month-days-header-class
  304. {
  305.     margin                    : 0px;
  306.     padding                    : 0px;
  307.     -moz-box-align            : center;
  308. }
  309.  
  310. .oe-date-picker-month-days-header-class-red
  311. {
  312.     color                   : #FF0000;
  313.     -moz-box-align            : center;
  314. }
  315.  
  316. #oe-date-picker-month-days-header-box
  317. {
  318.     margin                    : 0px 0px;
  319. }
  320.  
  321. #oe-date-picker-today-box
  322. {
  323.     margin                    : 0px 0px;
  324.    margin-right          : 0px;
  325.    margin-bottom         : 0px;
  326. }
  327.  
  328.  
  329. .oe-date-picker-month-days-box-header-class
  330. {
  331.     -moz-box-align            : center;
  332. }
  333.  
  334.